<div class="content-section introduction ">
  <div>
    <span class="feature-title">定位管理 | <small>访客管理</small> </span>
  </div>
</div>
<div class="content-section implementation GridDemo clearfixes"  *ngIf="!historyTraceMask">
  <div class="mysearch">
    <ng-container *ngFor="let tab of tabs;let i = index">
      <button pButton type="button"  label="{{tab.label}}" (click)="changeTab(i)"></button>
    </ng-container>
  </div>

  <ng-container [ngSwitch]= tabIndex>
    <div class="contentInfo" *ngSwitchCase="0" >

      <div class="ui-g">
        <div class="ui-g-7">
          <p-panel header="访客">
            <form class="form-horizontal" style="position: relative;">
              <div class="form-group ui-fluid" >
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">姓名：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="name"  [(ngModel)]="currentVisitor.name"  class="no-border"  readonly />
                </div>
              </div>
              <div class="img_item"></div>
              <div class="form-group ui-fluid" >
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">性别：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="sex" [(ngModel)]="currentVisitor.sex"  class="no-border"  readonly />
                </div>
              </div>
              <div class="form-group ui-fluid" >
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">证件类型：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="id_type" [(ngModel)]="currentVisitor.id_type" class="no-border"  readonly />
                </div>
              </div>
              <div class="form-group ui-fluid" >
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">证件号码：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="id_number" [(ngModel)]="currentVisitor.id_number" class="no-border"  readonly />
                </div>
              </div>
              <div class="form-group ui-fluid" >
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">联系电话：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="telephone" [(ngModel)]="currentVisitor.telephone" class="no-border"  readonly />
                </div>
              </div>
              <div class="form-group ui-fluid" >
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">来访单位：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="unit" [(ngModel)]="currentVisitor.unit" class="no-border"  readonly />
                </div>
              </div>
              <div class="form-group ui-fluid" >
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">家庭住址：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="home_address" [(ngModel)]="currentVisitor.home_address" class="no-border"   readonly/>
                </div>
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">有效期限：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="expiration_date" [(ngModel)]="currentVisitor.expiration_date"  class="no-border"   readonly/>
                </div>
              </div>
              <div class="form-group ui-fluid" >
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">长访卡号：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="card_number" [(ngModel)]="currentVisitor.card_number"  class="no-border"   readonly/>
                </div>
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">携带物品：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="carry_goods" [(ngModel)]="currentVisitor.carry_goods"  class="no-border"   readonly/>
                </div>
              </div>
              <div class="form-group ui-fluid" >
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">来访事由：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="cause" [(ngModel)]="currentVisitor.cause" class="no-border"   readonly/>
                </div>
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">访客单位：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="unit" [(ngModel)]="currentVisitor.unit" class="no-border"   readonly/>
                </div>
              </div>
              <div class="form-group ui-fluid" >
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">车辆信息：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="car_info" [(ngModel)]="currentVisitor.car_info" class="no-border"   readonly/>
                </div>
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">访客单号：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="main_visitor_number" [(ngModel)]="currentVisitor.main_visitor_number"  class="no-border"   readonly/>
                </div>
              </div>
              <div class="form-group ui-fluid" >
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">来访人数：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="visitors" [(ngModel)]="currentVisitor.visitors"  class="no-border"   readonly/>
                </div>
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">来访次数：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="visited_times" [(ngModel)]="currentVisitor.visited_times"  class="no-border"   readonly/>
                </div>
              </div>
              <div class="form-group ui-fluid" >
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">标签id：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="lable_id" [(ngModel)]="currentVisitor.lable_id" class="no-border"   readonly/>
                </div>
              </div>
            </form>
          </p-panel>
        </div>
        <div class="ui-g-5">
          <p-panel header="被访人">
            <form class="form-horizontal" style="position: relative;">
              <div class="form-group ui-fluid" >
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">姓名：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="interviewee_name" [(ngModel)]="currentVisitor.interviewee_name" class="no-border"   readonly/>
                </div>
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">性别：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="interviewee_sex" [(ngModel)]="currentVisitor.interviewee_sex"   class="no-border"   readonly/>
                </div>
              </div>
              <div class="form-group ui-fluid" >
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">单位：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="interviewee_company" [(ngModel)]="currentVisitor.interviewee_company"   class="no-border"  class="no-border"   readonly/>
                </div>
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">部门：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="interviewee_department" [(ngModel)]="currentVisitor.interviewee_department"  class="no-border"   readonly/>
                </div>
              </div>
              <div class="form-group ui-fluid" >
                <label  class="col-sm-3 control-label ui-no-padding-right-15px">房间号：</label>
                <div class="col-sm-3">
                  <input pInputText type="text"  name="interviewee_room" [(ngModel)]="currentVisitor.interviewee_room"  class="no-border"   readonly/>
                </div>
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">电话：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="interviewee_telephone" [(ngModel)]="currentVisitor.interviewee_telephone"  class="no-border"   readonly/>
                </div>
              </div>
              <div class="form-group ui-fluid" >
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">手机：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="interviewee_mobile_phone" [(ngModel)]="currentVisitor.interviewee_mobile_phone"  class="no-border"  readonly />
                </div>
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">分机：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="interviewee_other_telephone" [(ngModel)]="currentVisitor.interviewee_other_telephone"  class="no-border"  readonly />
                </div>
              </div>
            </form>
          </p-panel>
          <div style="margin-top: 28px;"></div>
          <p-panel header="摄像" class="camera_panel">
            <div class="ui-g">
              <div class="ui-g-2"></div>
              <div class="ui-g-8 camera_item"></div>
              <div class="ui-g-2"></div>
            </div>
          </p-panel>
        </div>
      </div>

      <p-dataTable [value]="todayVisitors">
        <p-column field="visitor_number" header="访客单号"></p-column>
        <p-column field="name" header="姓名"></p-column>
        <p-column field="id_number" header="身份证号"></p-column>
        <p-column field="interviewee_name" header="被访人"></p-column>
        <p-column field="follow_up" header="类型"></p-column>
        <p-column field="start_time" header="来访时间"></p-column>
        <p-column field="end_time" header="出访时间"></p-column>
        <p-column styleClass="col-button" header="操作">
          <ng-template let-visitor="rowData" pTemplate="operator">
            <button type="button" pButton (click)="showVisitorDetail(visitor,'today')" label="查看详情"></button>
          </ng-template>
        </p-column>
        <ng-template pTemplate="emptymessage">
          当前没有数据
        </ng-template>
      </p-dataTable>

      <!--<div class="ui-g">
        <div class="ui-g-7">
          <p-panel header="访客-主访">
            <div class="ui-g">
              <div class="ui-g-6 one_item one_item_left">
                <label class="ui-g-3">姓名：</label>
                <div class="ui-g-9">
                  <input type="text" pInputText>
                </div>
                <label class="ui-g-3">性别：</label>
                <div class="ui-g-9">
                  <input type="text" pInputText>
                </div>
                <label class="ui-g-3">证件类型：</label>
                <div class="ui-g-9">
                  <input type="text" pInputText>
                </div>
                <label class="ui-g-3">证件号码：</label>
                <div class="ui-g-9">
                  <input type="text" pInputText>
                </div>
                <label class="ui-g-3">联系电话：</label>
                <div class="ui-g-9">
                  <input type="text" pInputText>
                </div>
                <label class="ui-g-3">来访单位：</label>
                <div class="ui-g-9">
                  <input type="text" pInputText>
                </div>
                <label class="ui-g-3">家庭住址：</label>
                <div class="ui-g-9">
                  <input type="text" pInputText>
                </div>
                <label class="ui-g-3">长访卡号：</label>
                <div class="ui-g-9">
                  <input type="text" pInputText>
                </div>
                <label class="ui-g-3">来访事由：</label>
                <div class="ui-g-9">
                  <input type="text" pInputText>
                </div>
                <label class="ui-g-3">车辆信息：</label>
                <div class="ui-g-9">
                  <input type="text" pInputText>
                </div>
                <label class="ui-g-3">来访人数：</label>
                <div class="ui-g-9">
                  <input type="text" pInputText>
                </div>
                <label class="ui-g-3">标签id：</label>
                <div class="ui-g-9">
                  <input type="text" pInputText>
                </div>
              </div>
              <div class="ui-g-6 one_item one_item_right">
                <div class="ui-g-12" style="margin-bottom: 5px;">
                  <div class="ui-g-2"></div>
                  <div class="ui-g-8 img_item"></div>
                  <div class="ui-g-2"></div>
                </div>
                <div class="ui-g-2"></div>
                <label class="ui-g-3">有效期限：</label>
                <div class="ui-g-7">
                  <input type="text" pInputText>
                </div>
                <div class="ui-g-2"></div>
                <label class="ui-g-3">携带物品：</label>
                <div class="ui-g-7">
                  <input type="text" pInputText>
                </div>
                <div class="ui-g-2"></div>
                <label class="ui-g-3">访客单位：</label>
                <div class="ui-g-7">
                  <input type="text" pInputText>
                </div>
                <div class="ui-g-2"></div>
                <label class="ui-g-3">访客单号：</label>
                <div class="ui-g-7">
                  <input type="text" pInputText>
                </div>
                <div class="ui-g-2"></div>
                <label class="ui-g-3">来访次数：</label>
                <div class="ui-g-7">
                  <input type="text" pInputText>
                </div>
              </div>
            </div>
          </p-panel>
        </div>
        <div class="ui-g-5">
          <p-panel header="被访人">
            <div class="ui-g">
              <div class="ui-g-12 one_item one_item_left">
                <label class="ui-g-2">姓名：</label>
                <div class="ui-g-4">
                  <input type="text" pInputText>
                </div>
                <label class="ui-g-2">性别：</label>
                <div class="ui-g-4">
                  <input type="text" pInputText>
                </div>
                <label class="ui-g-2">单位：</label>
                <div class="ui-g-4">
                  <input type="text" pInputText>
                </div>
                <label class="ui-g-2">部门：</label>
                <div class="ui-g-4">
                  <input type="text" pInputText>
                </div>
                <label class="ui-g-2">房间号：</label>
                <div class="ui-g-4">
                  <input type="text" pInputText>
                </div>
                <label class="ui-g-2">电话：</label>
                <div class="ui-g-4">
                  <input type="text" pInputText>
                </div>
                <label class="ui-g-2">手机：</label>
                <div class="ui-g-4">
                  <input type="text" pInputText>
                </div>
                <label class="ui-g-2">分机：</label>
                <div class="ui-g-4">
                  <input type="text" pInputText>
                </div>
              </div>
            </div>
          </p-panel>
          <div style="margin-top: 20px;"></div>
          <p-panel header="摄像" class="camera_panel">
            <div class="ui-g">
              <div class="ui-g-2"></div>
              <div class="ui-g-8 camera_item"></div>
              <div class="ui-g-2"></div>
            </div>
          </p-panel>
        </div>

        <p-dataTable [value]="todayVisitors">
          &lt;!&ndash;<p-column selectionMode="multiple"></p-column>&ndash;&gt;
          <p-column field="one" header="访客单号"></p-column>
          <p-column field="two" header="姓名"></p-column>
          <p-column field="three" header="身份证号"></p-column>
          <p-column field="four" header="被访人"></p-column>
          <p-column field="five" header="来访时间"></p-column>
          <p-column field="six" header="出访时间"></p-column>
          <p-column styleClass="col-button" header="操作">
            <ng-template let-car="rowData" pTemplate="operator">
              <button type="button" pButton (click)="showVisitorDetail()" label="查看详情"></button>
            </ng-template>
          </p-column>
          <ng-template pTemplate="emptymessage">
            当前没有数据
          </ng-template>
        </p-dataTable>
      </div>-->


    </div>
    <div class="contentInfo" *ngSwitchCase="1" >
      <div class="mysearch">
        <form>
          <div class="ui-g">
            <div class="ui-g-4 ui-sm-12">
              <label class="ui-g-2 ui-sm-5 text-right">姓名:</label>
              <div class="ui-g-4  ui-sm-7 ui-fluid">
                <input pInputText type="text" name="sid" [(ngModel)]="queryModel.condition.name" />
              </div>
              <label class="ui-g-2 ui-sm-5 ui-no-padding-left-15px text-right">身份证号:</label>
              <div class="ui-g-4 ui-sm-7 ui-fluid  ui-no-padding-right-15px ">
                <input  pInputText type="text" name="status" [(ngModel)]="queryModel.condition.id_number" />
              </div>
            </div>

            <div class="ui-g-4 ui-sm-12">
              <label class="ui-g-2 ui-sm-5 text-right">是否结束:</label>
              <div class="ui-g-4  ui-sm-7 ui-fluid">
                <p-dropdown [options]="flags" [(ngModel)]="queryModel.condition.status" name="end" [style]="{'width':'166px'}"></p-dropdown>
              </div>
              <label class="ui-g-2 ui-sm-5 ui-no-padding-left-15px text-right">是否报警:</label>
              <div class="ui-g-4 ui-sm-7 ui-fluid  ui-no-padding-right-15px ">
                <p-dropdown [options]="flags" [(ngModel)]="queryModel.condition.alarm" name="alarm" [style]="{'width':'166px'}"></p-dropdown>
              </div>
            </div>

            <div class="ui-g-4 ui-sm-12">
              <label class="ui-g-3 ui-sm-5 text-right">登记时间:</label>
              <div class="ui-g-4  ui-sm-7 ui-fluid">
                <p-calendar  [showIcon]="true" [locale]="ch" name="start_time_start"
                             [styleClass]="'schedule-add'" dateFormat="yy-mm-dd"  dataType="string"
                             [maxDate]="maxDate" [monthNavigator]="true" [yearNavigator]="true" yearRange="{{yearRange}}" [showTime]="true" [(ngModel)]="queryModel.condition.start_time_start"  >
                </p-calendar>
              </div>
              <label class="ui-g-1 ui-sm-5" >至:</label>
              <div class="ui-g-4  ui-sm-7 ui-fluid ">
                <p-calendar  [showIcon]="true" [locale]="ch" name="start_time_end"
                             [styleClass]="'schedule-add'" dateFormat="yy-mm-dd" dataType="string"
                             [maxDate]="maxDate" [monthNavigator]="true" [yearNavigator]="true" yearRange="{{yearRange}}" [showTime]="true" [(ngModel)]="queryModel.condition.start_time_end" >
                </p-calendar>
              </div>
            </div>

            <div class="ui-g-4 ui-sm-12">
              <label class="ui-g-3 ui-sm-5 text-right">结束时间:</label>
              <div class="ui-g-4  ui-sm-7 ui-fluid">
                <p-calendar  [showIcon]="true" [locale]="ch" name="end_time_start"
                             [styleClass]="'schedule-add'" dateFormat="yy-mm-dd"  dataType="string"
                             [maxDate]="maxDate" [monthNavigator]="true" [yearNavigator]="true" yearRange="{{yearRange}}" [showTime]="true" [(ngModel)]="queryModel.condition.end_time_start"  >
                </p-calendar>
              </div>
              <label class="ui-g-1 ui-sm-5" >至:</label>
              <div class="ui-g-4  ui-sm-7 ui-fluid ">
                <p-calendar  [showIcon]="true" [locale]="ch" name="end_time_end"
                             [styleClass]="'schedule-add'" dateFormat="yy-mm-dd" dataType="string"
                             [maxDate]="maxDate" [monthNavigator]="true" [yearNavigator]="true" yearRange="{{yearRange}}" [showTime]="true" [(ngModel)]="queryModel.condition.end_time_end" >
                </p-calendar>
              </div>
            </div>

            <div class="ui-g-4 ui-sm-12">
              <div class="ui-g-6 ui-sm-12 option">
                <button pButton type="button" label="查询" ngClass="ui-sm-12" (click)="queryVisitor()" ></button>
                <!--<button pButton  label="添加" ngClass="ui-sm-12"  (click)="showVisitorEdit()"></button>-->
              </div>
            </div>

          </div>
        </form>
      </div>
      <p-dataTable [value]="visitors" [rows]="10" [paginator]="true" [rowsPerPageOptions]="[10,15,20]" [totalRecords]="historyTotal">
        <!--<p-column selectionMode="multiple"></p-column>-->
        <p-column field="visitor_number" header="访客单号"></p-column>
        <p-column field="name" header="访客姓名"></p-column>
        <p-column field="id_number" header="证件号码"></p-column>
        <p-column field="interviewee_name" header="被访人"></p-column>
        <p-column field="follow_up" header="类型"></p-column>
        <p-column field="start_time" header="来访时间"></p-column>
        <p-column field="end_time" header="出访时间"></p-column>
        <!--<p-column field="lable_id" header="定位标签id"></p-column>-->
        <p-column field="status" header="来访状态"></p-column>
        <p-column styleClass="col-button" header="操作" [style]="{'width':'360px'}">
          <ng-template let-visitor="rowData" pTemplate="operator">
            <button type="button" pButton (click)="showVisitorDetail(visitor,'hitory')" label="查看详情"></button>
            <button type="button" pButton (click)="showHistoryTrace(visitor)" label="查看历史轨迹"></button>
            <!--<button type="button" pButton (click)="showVisitorEdit(visitor)" label="修改"></button>
            <button type="button" pButton (click)="bindTag()" label="绑定定位标签" *ngIf="!visitor.lable_id || !visitor.end_time"></button>
            <button type="button" pButton label="结束" *ngIf="!visitor.end_time"></button>-->
          </ng-template>
        </p-column>
        <ng-template pTemplate="emptymessage">
          当前没有数据
        </ng-template>
      </p-dataTable>
    </div>
    <div class="contentInfo" *ngSwitchCase="2" >

      <div class="mysearch">
        <button pButton type="button"  label="返回" (click)="changeTab(1)"></button>
      </div>

      <div class="ui-g">
        <div class="ui-g-7">
          <p-panel header="访客-主访">
            <form class="form-horizontal" style="position: relative;">
              <div class="form-group ui-fluid" >
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">姓名：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="name"  [(ngModel)]="currentVisitor.name"  class="no-border"  readonly />
                </div>
              </div>
              <div class="img_item"></div>
              <div class="form-group ui-fluid" >
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">性别：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="sex" [(ngModel)]="currentVisitor.sex"  class="no-border"  readonly />
                </div>
              </div>
              <div class="form-group ui-fluid" >
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">证件类型：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="id_type" [(ngModel)]="currentVisitor.id_type" class="no-border"  readonly />
                </div>
              </div>
              <div class="form-group ui-fluid" >
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">证件号码：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="id_number" [(ngModel)]="currentVisitor.id_number" class="no-border"  readonly />
                </div>
              </div>
              <div class="form-group ui-fluid" >
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">联系电话：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="telephone" [(ngModel)]="currentVisitor.telephone" class="no-border"  readonly />
                </div>
              </div>
              <div class="form-group ui-fluid" >
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">来访单位：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="unit" [(ngModel)]="currentVisitor.unit" class="no-border"  readonly />
                </div>
              </div>
              <div class="form-group ui-fluid" >
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">家庭住址：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="home_address" [(ngModel)]="currentVisitor.home_address" class="no-border"   readonly/>
                </div>
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">有效期限：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="expiration_date" [(ngModel)]="currentVisitor.expiration_date"  class="no-border"   readonly/>
                </div>
              </div>
              <div class="form-group ui-fluid" >
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">长访卡号：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="card_number" [(ngModel)]="currentVisitor.card_number"  class="no-border"   readonly/>
                </div>
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">携带物品：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="carry_goods" [(ngModel)]="currentVisitor.carry_goods"  class="no-border"   readonly/>
                </div>
              </div>
              <div class="form-group ui-fluid" >
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">来访事由：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="cause" [(ngModel)]="currentVisitor.cause" class="no-border"   readonly/>
                </div>
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">访客单位：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="unit" [(ngModel)]="currentVisitor.unit" class="no-border"   readonly/>
                </div>
              </div>
              <div class="form-group ui-fluid" >
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">车辆信息：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="car_info" [(ngModel)]="currentVisitor.car_info" class="no-border"   readonly/>
                </div>
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">访客单号：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="main_visitor_number" [(ngModel)]="currentVisitor.main_visitor_number"  class="no-border"   readonly/>
                </div>
              </div>
              <div class="form-group ui-fluid" >
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">来访人数：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="visitors" [(ngModel)]="currentVisitor.visitors"  class="no-border"   readonly/>
                </div>
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">来访次数：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="visited_times" [(ngModel)]="currentVisitor.visited_times"  class="no-border"   readonly/>
                </div>
              </div>
              <div class="form-group ui-fluid" >
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">标签id：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="lable_id" [(ngModel)]="currentVisitor.lable_id" class="no-border"   readonly/>
                </div>
              </div>
            </form>
          </p-panel>
        </div>
        <div class="ui-g-5">
          <p-panel header="被访人">
            <form class="form-horizontal" style="position: relative;">
              <div class="form-group ui-fluid" >
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">姓名：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="interviewee_name" [(ngModel)]="currentVisitor.interviewee_name" class="no-border"   readonly/>
                </div>
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">性别：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="interviewee_sex" [(ngModel)]="currentVisitor.interviewee_sex"   class="no-border"   readonly/>
                </div>
              </div>
              <div class="form-group ui-fluid" >
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">单位：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="interviewee_company" [(ngModel)]="currentVisitor.interviewee_company"   class="no-border"  class="no-border"   readonly/>
                </div>
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">部门：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="interviewee_department" [(ngModel)]="currentVisitor.interviewee_department"  class="no-border"   readonly/>
                </div>
              </div>
              <div class="form-group ui-fluid" >
                <label  class="col-sm-3 control-label ui-no-padding-right-15px">房间号：</label>
                <div class="col-sm-3">
                  <input pInputText type="text"  name="interviewee_room" [(ngModel)]="currentVisitor.interviewee_room"  class="no-border"   readonly/>
                </div>
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">电话：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="interviewee_telephone" [(ngModel)]="currentVisitor.interviewee_telephone"  class="no-border"   readonly/>
                </div>
              </div>
              <div class="form-group ui-fluid" >
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">手机：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="interviewee_mobile_phone" [(ngModel)]="currentVisitor.interviewee_mobile_phone"  class="no-border"  readonly />
                </div>
                <label  class="col-sm-2 control-label ui-no-padding-right-15px">分机：</label>
                <div class="col-sm-4">
                  <input pInputText type="text"  name="interviewee_other_telephone" [(ngModel)]="currentVisitor.interviewee_other_telephone"  class="no-border"  readonly />
                </div>
              </div>
            </form>
          </p-panel>
          <div style="margin-top: 28px;"></div>
          <p-panel header="摄像" class="camera_panel">
            <div class="ui-g">
              <div class="ui-g-2"></div>
              <div class="ui-g-8 camera_item"></div>
              <div class="ui-g-2"></div>
            </div>
          </p-panel>
        </div>
      </div>

    </div>
  </ng-container>
</div>

<app-history-trace [currentVis]="selectVis" (goBack)="goBack()" *ngIf="historyTraceMask"></app-history-trace>

<!-- 编辑访客信息弹框 -->
<!--<app-visitor-edit [currentVisitor]="selectVisitor" [state]="visitorState" (closeVisitorEdit)="closeVisitorEdit($event)" *ngIf="visitorEditMask"></app-visitor-edit>-->

<!-- 绑定定位标签弹框 -->
<!--<app-bind-tag (clostBindTag)="clostBindTag($event)" *ngIf="bindTagMask"></app-bind-tag>-->
